let navlis = document.querySelectorAll(".nav .container ul li");
for (let i = 0; i < navlis.length; i++) {
  navlis[i].addEventListener("touchstart", function () {
    for (let j = 0; j < navlis.length; j++) {
      navlis[j].classList.remove("navList");
    }
    navlis[i].classList.add("navList");
  });
}

$(function () {
 let knowTop = $(".know").offset().top;

 $(window).scroll(function () {
   let scrollPosition = $(this).scrollTop(); // 获取滚动条的位置
   if (scrollPosition >= knowTop) {
     $(".nav").css({
       position: "fixed",
       top: "-0.155rem",
       left: 0,
     });
     $(".footer").slideDown();
   } else {
     $(".nav").css({
       position: "relative",
       top: 0,
       left: 0,
     });
     $(".footer").slideUp();
   }
 });

 $(".Top p").on("touchstart", function () {
   $("body,html").animate({ scrollTop: 0 }, 1000);
 });

 $(".footer ul li")
   .eq(1)
   .on("touchstart", function () {
     $(".motai").fadeIn();
     $(".lis-top")
       .css("z-index", 900)
       .stop()
       .animate(
         {
           height: "6rem",
         },
         1000
       )
       .show();
     $(".lis-top i").css("z-index", 500);
     // $("#btn1").off("mouseenter");
   });

 $(".lis-top i").on("touchstart", function () {
   $(".motai").fadeOut();

   $(".lis-top").css("zIndex", -100).stop().animate(
     {
       height: 0,
     },
     1000
   );
   // $(".lis-top").css("zIndex", -100).fadeOut();
 });

 $(".footer ul li")
   .eq(2)
   .on("touchstart", function () {
     $(".motai").fadeIn();
     $(".wx").addClass("wxAdd").fadeIn();
   });

 $(".wx i").on("touchstart", function () {
   $(".motai").fadeOut();
   $(".wx").fadeOut();
 });

 $(".lis-top i").on("touchstart", function () {
   $(".motai").fadeOut();
   $(".lis-top").css("zIndex", -100).stop().animate(
     {
       height: 0,
     },
     2000
   );
 });

 $(".footer ul li")
   .eq(3)
   .on("touchstart", function () {
     $("body,html").animate({
       scrollTo: 0,
     });
   });

})